.model-group {
    width: 100%;
    height: 100%;
    overflow: hidden;
    .affix-header {
        padding: 10px;
        overflow: hidden;
        background-color: #fff;
        z-Index: 9999;
    }
    .hcp__card {
        margin-top: 10px;
        overflow: hidden;
        overflow-y: auto;
    }
    .main-views {
        position: relative;
        height: 100%;
        .right-content {
            height: 100%;
            position: relative;
            width: 286px;
            overflow: auto;
        }
    }
}
.group-card {
    .hcp-pro-checkcard-detail {
        width: 100%;
    }
    .hcp-pro-checkcard-extra{
        width: 50%;
    }
    .checkcard-count {
        display: inline-block;
        max-width: calc(76% - 4px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .checkcard-link{
        text-align: right;
        font-size: 14px;
        color: #2B86E9;
        z-index: 99999;
        cursor: pointer;
    }
    .checkcard-link-icon{
        display: inline-block;
        width: 24%;
        margin-left: 4px;
    }
    .hcp-pro-checkcard-sm {
        min-height: 71px;
    }
    .hcp-pro-checkcard {
        background-color: #fff;
        border: 1px solid #dde4eb;
        &.inner {
            .iconfont {
                color: #798aad;
            }
        }
        &.customize {
        }
        &:hover {
            background-color: #f0f8ff;
            border-color: #4E84E9;
        }
    }
    .property {
        &:hover {
            background-color: #f0f5ff;
            border-color: #3a84ff;
        }
        
    }  
}